import { Carousel } from "antd";
import "./index.less";
const contentStyle: any = {
	height: "160px",
	color: "#fff",
	lineHeight: "160px",
	textAlign: "center",
	background: "#364d79"
};

const UseComponent = () => {
	return (
		<div className="card content-box">
			<span className="text">UseComponent 🍓🍇🍈🍉</span>
			<Carousel autoplay className="tab">
				<div>
					<h3 style={contentStyle}>1</h3>
				</div>
				<div>
					<h3 style={contentStyle}>2</h3>
				</div>
				<div>
					<h3 style={contentStyle}>3</h3>
				</div>
				<div>
					<h3 style={contentStyle}>4</h3>
				</div>
			</Carousel>
		</div>
	);
};

export default UseComponent;
